<template>
    <div>
        <dl>
            <dt><img :src="img" alt=""></dt>
            <dd>
                <h2>{{title}}</h2>
                <p><span>{{one_page_peoples}}</span>人订阅 · 每周更新 <span>{{one_page_update}}</span> 篇</p>
                <b>{{page_status}}</b> <strong>☆</strong>
            </dd>
        </dl>
    </div>
</template>

<script>
export default {
    data(){
        return{
            page_status:""
        }
    },
    props:{
        img:{
            type:String
        },
        title:{
            type:String
        },
        one_page_peoples:{
            type:Number
        },
        one_page_update:{
            type:Number
        },
        one_page_status:{
            type:Number
        }
    },
    mounted(){
        if(this.one_page_status){
            this.page_status = "√ 已订阅"
        }else{
            this.page_status = "未订阅"
        }
        console.log(this.one_page_peoples)
    }
}
</script>

<style scoped>
div dl{
    display: flex;
    overflow: hidden;
    margin: .16rem 0 .36rem .16rem;
}
div dl dt{
    width: .6rem;
    margin-right: .1rem;
}
div dl dt img{
    width: 100%;
}
div dl dd h2{
    font-size: .14rem;
    line-height: .22rem;
}
div dl dd p{
    font-size: .1rem;
    margin: .1rem 0 .15rem;
}
div dl dd b{
    padding: 0 .34rem 0 .12rem;
    font-size: .12rem;
}
div dl dd strong{
    font-size: .18rem;
}
</style>